<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="../include/base.jsp" %>

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" href="${basePath }/css/bootstrap.css">
	<link rel="stylesheet" href="${basePath }/css/bootstrap-responsive.min.css">
	<script type="text/javascript" src="${basePath }/js/bootstrap.js"></script>
	<script type="text/javascript" src="${basePath }/js/jquery.js"></script>
	<link rel="stylesheet" href="${basePath }/css/ui-lightness/jquery-ui-1.8.24.custom.css">
	<script type="text/javascript" src="${basePath }/js/jquery-ui-1.8.24.custom.min.js"></script>
	<script type="text/javascript">
		
	</script>
	<style type="text/css">
		body{
			background-color: #F3F1EC;
		}
		.dropdown-toggle:hover .dropdown-menu{
			display:block;
		}
		.diver{
			background-color:#E5E5E5;
		  	border-bottom-color:#FFFFFF;
		  	border-bottom-style:solid;
			border-bottom-width:1px;
		  	height:1px;
			margin:9px 1px;
		  	overflow:hidden;
		}
		#form{
			margin-left: 15px;
			margin-right: 15px;
		}
		.mm{
			height:1px;
		}
	</style>

</head>
<body>
	<div class="navbar">
		<div class="navbar-inner">
			<div class="container" style="margin-left:100px;margin-right:100px;">
				<a class="btn btn-navbar" data-target=".nav-collapse" data-toggle="collapse">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</a>
				<a class="brand" href="#">CRM</a>
				<div class="nav-collapse">
					<ul class="nav">
						<li >
							<a href="#">添加联系人</a>
						</li>
						<li class="dropdown" id="menu1">
							<a href="#menu1" class="dropdown-toggle" data-toggle="dropdown" >
								<i class=" icon-plus"></i>&nbsp;新任务
							</a>
							<div class="dropdown-menu">
								<form id="form">
									<legend>添加一个新任务</legend>
									<label>任务名称</label>
									<input type="text" placeholder="Type something…" name="">
									<span class="help-block">选择时间</span>
									<select>
									  <option>今天</option>
									  <option>明天</option>
									  <option>本周</option>
									  <option>下周</option>
									  <option>更远</option>
									  <option id="date">其他时间</option>
									</select>
									或者
									<a href="">设置一个时间</a>
									
									<!-- <div id="datepicker"></div> -->
									<input id="datepicker" type="text">
								
									
									
									<label class="checkbox">
									    <input type="checkbox">记住我
									</label>
									<button type="submit" class="btn">提交</button>
								</form>
							</div>
							
						</li>
					</ul>
					<form class="navbar-search pull-left" action="">
						<input class="search-query span3" type="text" placeholder="Search"> 
					</form>
					<ul class="nav pull-right">
						<li class="dropdown" id="menu2">
							<a class="dropdown-toggle" data-toggle="dropdown" href="#menu2" >
								账户设置
								<b class="caret"></b>
							</a>
							<ul class="dropdown-menu">
								<li>
									<a href="#">账户信息</a>
								</li>
								<li>
									<a href="#">用户</a>
								</li>
								<li>
									<a href="#">组</a>
								</li>
								<li class="divider"></li>
								<li >
									<a href="#">Separated link</a>
								</li>
							</ul>
						</li>
						<li class="divider-vertical"></li>
						<li>
							<a href="#">${user.username}</a>
						</li>
						<li class="divider-vertical"></li>
						<li> <a href="#">退出</a></li>
						<li class="mm"><a> </a></li>
						
					</ul>
				</div>
			</div>
		</div>
	</div>
	<br>
	<div class="container-fluid">
	  <div class="row-fluid">
	  	<div class="span1">
	  		<br>
	  	</div>
	    <div class="span2">
	      	<ul class="nav nav-pills nav-stacked">
				<li class="active">
					<a href="#">最新活动</a>
				</li>
				<li>
					<a href="#">联系人</a>
				</li>
				<li>
					<a href="#">任务</a>
				</li>
				<li>
					<a href="#">deals</a>
				</li>
				<li>
					<a href="#">其他服务</a>
				</li>
				<li>
					<a href="#">最近浏览</a>
				</li>
			</ul>
			<div class="diver"></div>
			
			<div>
				

			</div>
	    </div>
	    <div class="span8">
	    	<div class="row">
	    		<div class="span6">
	    			
	    		</div>
	    		<div class="span2">
	    			
	    		</div>
	    	</div>
		</div>
	    <div class="span1">
	    	<br>
	    </div>
	  </div>
	</div>
	<script type="text/javascript" src="${basePath }/js/bootstrap.js"></script>
	<script type="text/javascript" src="${basePath }/js/jquery.js"></script>
	<script type="text/javascript" src="${basePath }/js/jquery-ui-1.8.24.custom.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			
			$('#datepicker').datepicker({
					inline: true
				});
			$('#datepicker2').datepicker({
					inline: true
				});
		});
		


	</script>


</body>
</html>

